@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  font-family: '微软雅黑','苹方','Helvetical Neue';
}

@media screen and (max-width: 768px) {
  html {
    font-size: 102.4px;
  }
}

@media screen and (max-width: 414px) {
  html {
    font-size: 55.2px;
  }
}

@media screen and (max-width: 412px) {
  html {
    font-size: 54.93333px;
  }
}

@media screen and (max-width: 384px) {
  html {
    font-size: 51.2px;
  }
}

@media screen and (max-width: 375px) {
  html {
    font-size: 50px;
  }
}

@media screen and (max-width: 360px) {
  html {
    font-size: 48px;
  }
}

@media screen and (max-width: 320px) {
  html {
    font-size: 42.66667px;
  }
}

a {
  text-decoration: none;
}

body {
  margin: 0;
}

.header {
  height: 0.8rem;
  background-image: url("../img/bg_03.png");
  background-repeat: repeat-x;
  background-position: center;
  width: 100%;
  position: fixed;
  z-index: 555;
}

.header h1 {
  font-style: normal;
  text-align: center;
  line-height: 0.8rem;
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.36rem;
  font-family: '苹方';
}

.header i {
  width: 0.36rem;
  height: 0.36rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0.34rem;
  display: block;
  background-image: url("../img/images_03.png");
  background-repeat: no-repeat;
  background-size: .36rem .36rem;
  background-position: center center;
}

.content {
  position: fixed;
  z-index: 2;
  padding-top: .8rem;
  width: 100%;
  height: 100%;
  background-color: #efeff4;
  box-sizing: border-box;
  overflow: scroll;
}

.content .subheader {
  border-bottom: 0.01rem solid #EFEFF4;
  box-sizing: border-box;
  background-color: #efeff4;
  width: 100%;
  height: 0.88rem;
}

.content .subheader input {
  height: .54rem;
  width: 7.16rem;
  border: 0.01rem solid #EFEFF4;
  border-radius: 0.09rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.content .subheader .search {
  width: .96rem;
  height: .32rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.content .subheader .search .sousuo {
  width: .96rem;
  height: .32rem;
  font-size: 0.26rem;
  line-height: .32rem;
  color: #8e8e93;
  text-align: right;
  background-image: url("../img/images_07.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: .28rem .28rem;
}

.content .subheader .mico {
  width: .21rem;
  height: .32rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: .38rem;
  background-image: url("../img/IMG_1727_06.png");
  background-position: center center;
  background-size: .21rem .32rem;
  background-repeat: no-repeat;
}

.content .liebiao {
  width: 100%;
  padding-left: .2rem;
  box-sizing: border-box;
  background-color: white;
}

.content .liebiao .item {
  width: 100%;
  height: 1.35rem;
  border-bottom: 0.01rem solid #d9d9d9;
}

.content .liebiao .item .touxiang {
  width: 1rem;
  height: 1rem;
  float: left;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

.content .liebiao .item .touxiang img {
  width: 1rem;
  height: 1rem;
  border: none;
}

.content .liebiao .item .info {
  width: 86%;
  height: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 1rem;
}

.content .liebiao .item .info .user {
  height: 0.5rem;
}

.content .liebiao .item .info .user .username {
  padding-left: 0.2rem;
  padding-top: .12rem;
  font-size: .3rem;
  font-family: '苹方';
}

.content .liebiao .item .info .user .time {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: .22rem;
  font-size: .18rem;
  color: #b2b2b2;
  padding-top: .12rem;
}

.content .liebiao .item .info .lastMeg {
  height: 0.5rem;
  font-size: .26rem;
  color: #b2b2b2;
  padding-left: 0.2rem;
  padding-top: .12rem;
}

.nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: .98rem;
  background-color: #F7F7F7;
  z-index: 999;
  border-top: 0.01rem solid #B2B2B2;
}

.nav li {
  width: 25%;
  height: .98rem;
  float: left;
}

.nav li .img {
  width: 100%;
  height: .7rem;
  background-repeat: no-repeat;
  background-position: center center;
}

.nav li .word {
  width: 100%;
  height: .28rem;
  text-align: center;
  line-height: .28rem;
  font-size: .2rem;
  font-family: '苹方';
}

.nav li .word{
  color: #9D9D9D;
}

.nav .nav1 .img {
  background-image: url("../img/images_19.png");
  background-size: .52rem .46rem;
}

.nav .nav1 .word  {
  color: #16AE14;
}

.nav .nav2 .img {
  background-image: url("../img/images_21.png");
  background-size: .54rem .46rem;
}

.nav .nav2 .word {
  color: #9D9D9D;
}

.nav .nav3 .img {
  background-image: url("../img/images_24.png");
  background-size: .46rem .46rem;
}

.nav .nav3 .word {
  color: #9D9D9D;
}

.nav .nav4 .img {
  background-image: url("../img/images_26.png");
  background-size: .47rem .46rem;
}

.nav .nav4 .word {
  color: #9D9D9D;
}

// .nav .nav-inner .nav1 .img {
//   background-image: url("../img/find_23.png");
// }

// .nav .nav-inner .nav1 .word {
//   color: #929292;
// }

// .nav .nav-inner .nav4 .img {
//   background-image: url("../img/me_25.png"); }

// .nav .nav-inner .nav4 .word {
//   color: #09BB07; }


